<template>
	<view>
		<view class="top_bg">
			<image src="/static/img/issue_bg.png" mode=""></image>
		</view>
		<view class="task_label flexRow">
			<image src="/static/img/task_lable.png"></image>
			<view >常见问题</view>
		</view>
		<view class="collapse_box">
			<uni-collapse>
				<uni-collapse-item :title="item.title" v-for="(item,key) in issueList" :key="key">
					<view class="collapse-item-content">
						<text class="content">{{item.content}}</text>
					</view>
				</uni-collapse-item>
			</uni-collapse>
		</view>
		
	</view>
</template>

<script>
	import uniCollapse from '@/components/uni-collapse/uni-collapse.vue'
	import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue'
	import request from "../../apiRequest/request.js"
	export default {
		data() {
			return {
				issueList: []
			}
		},
		components: {uniCollapse,uniCollapseItem},
		onLoad() {
			request.problemList().then(res=>{
				console.log(res)
				this.issueList = res.data.list
			}).catch(err=>{
				this.$unexpected(err)
			})
		},
		methods: {
			
		}
	}
</script>

<style>
.top_bg{
	width: 100%;
	height: 250rpx;
}
.top_bg image{
	width: 100%;
	height: 100%;
}
.task_label{
	padding-left: 40rpx;
}
.collapse_box{
	padding: 0 20rpx;
}
.collapse-item-content{
	font-size:28rpx;
	font-family:Source Han Sans SC;
	font-weight:400;
	color:rgba(172,172,172,1);
	line-height:40rpx;
	max-width: 500rpx;
}
</style>
